.barra{
  max-width:100%;
  height:80%;
  display:block;
  margin:0 auto;
  width:100% !important;
  height:100% !important;
  display:block;
}

.flex-container {
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@-moz-document url-prefix() {
  .flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
  }

}

body {
  background: #E2E2E2;
}

.Absolute-Center { 
  height: 50%; /* Set your own height: percents, ems, whatever! */
  width: 50%; /* Set your own width: percents, ems, whatever! */
  /*overflow: auto; /* Recommended in case content is larger than the container */
  margin: auto; /* Center the item vertically & horizontally */
  position: absolute; /* Break it out of the regular flow */
  top: 0; left: 0; bottom: 0; right: 0; /* Set the bounds in which to center it, relative to its parent/container */
}
 
/* Make sure our center blocks stay in their container! */
.Center-Container { position: relative; }
 
/* Fixed floating element within viewport */
.Absolute-Center.is-Fixed { 
  position: fixed;
  z-index: 999;
}
 
/* Min/Max Width */
.Absolute-Center.is-Responsive {
  width: 60%; 
  height: 60%;
  min-width: 200px;
  max-width: 400px;
  padding: 40px;
}

a {
	color: #c13030;
	text-decoration: none;
	font-size: 12px;
    padding-left: 25px;
    display: inline-block;
    line-height: 17px;
    margin: 1px 0;
}
	
a:hover {
    text-decoration: underline;
	color: #c13030;
	cursor: pointer;
}
/*-------------------------------------------------------------------------------------------------------*/

/* Contenido Principal*/

#main {
    width: 100%;
    min-height: 500px;
    background: url(../images/sidebar_shadow.png) repeat-y left top;
    float: left;
    margin-top: -2px;
}

#main h3 {
    color: #1F1F20;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    font-size: 13px;
    margin: 8px 20px;
}

#derecha {
	float: right;
}

/* Modules */

.module {
    border: 1px solid #9BA0AF;
    margin: 20px 3% 0 3%;
    margin-left: 62.5px;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
}

.module header {
    height: 38px;
    width: 100%;
    background: #F1F1F4 url(../images/secondary_bar.png) repeat-x;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
    text-align: left;
    font-weight:bold;
    font-family: cursive;
    font-size: 12px;
}

.module_content {
    margin: 10px 20px;
    text-align: inherit;
    color: #666;    
	margin-left: 160px;
}


.formulario{
    margin-left: 150px;
    width: 600px;
}

/* Alerts */

.alert_info {
    display: block;
    width: 100%;
    margin-left: 6%;
    margin-right:6%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #B5E5EF url(../images/icn_alert_info.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #77BACE;
    color: #082B33;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.alert_warning {
    display: block;
    width: 100%;
    margin-left: 6%;
    margin-right:6%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F5F3BA url(../images/icn_alert_warning.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #C7A20D;
    color: #796616;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.alert_error {
    display: block;
    width: 100%;
    margin-left: 6%;
    margin-right:6%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9 url(../images/icn_alert_error.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.alert_success {
    display: block;
    width: 100%;
    margin-left: 6%;
    margin-right:6%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5 url(../images/icn_alert_success.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

input:required:invalid, input:focus:invalid {
    background-image: url(../images/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
 }
  
 input:required:valid {
    background-image: url(../images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
 }
 
 fieldset {
	border: solid #9BA0AF;
	padding: 8px;
	border-width: 1px;
	margin-bottom: 15px;
}

legend {
	color: #000;
}

td {
	padding: 5px;
}

/*-------------------------------------------------------------------------------------------------------*/

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		cursor: pointer;
		background-color: #d6d6d6;			
		border-radius: 0.4em;
		text-align: center;		
		color: #000;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-decoration: none;		
	}

	input[type="button"]:disabled,
	input[type="submit"]:disabled,
	input[type="reset"]:disabled,
	input[type="button"].disabled,
	input[type="submit"].disabled,
	input[type="reset"].disabled,
	.button.disabled {
		opacity: 0.35;
		cursor: default;
	}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #c13030;
				color: #fff;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #c13030;
				color: #fff;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #c13030;
				color: #fff;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #c13030;
					color: #fff;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #c13030;
					color: #fff;
				}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
		
	#content
	{
		padding: 2em 3em 6em 3em;
	}

		body.left-sidebar #content
		{
			margin-left: 14em; /* = sidebar width */
		}
		
		body.right-sidebar #content
		{
			margin-right: 14em; /* = sidebar width */
		}
		
		
		/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	
	
	body,input,textarea,select
	{
		font-size: 10pt;
	}

	/* Box */

		.box
		{
		}

			.box.post
			{
			}
			
				.box.post h2
				{
					font-size: 3.25em;
					line-height: 1.25em;
				}

				.box.post header
				{
					margin: 0 0 1em 0;
				}

					.box.post header > p
					{
						font-size: 2.25em;
						line-height: 1.5em;
						position: relative;
						top: -0.65em;
						margin-bottom: -0.65em;
					}

				.box.post .info
				{
					position: absolute;
					width: 5.5em;
					overflow: hidden;
					background-color: #fff;
					left: -10.5em;
					top: 0;
					padding: 1.5em 1em 1.5em 1em;
				}

					.box.post .info .date
					{
						position: relative;
						z-index: 1;
						font-family: 'Open Sans Condensed', sans-serif;
						font-weight: 400;
						text-align: center;
						display: block;
						font-size: 1.5em;
						color: #999;
						border-bottom: solid 1px #ddd;
						padding: 0 0 1em 0;
						margin: 0 0 0.75em 0;
					}

						.box.post .info .date .year,
						.box.post .info .date .month span
						{
							display: none;
						}
					
						.box.post .info .date .day
						{
							display: block;
							margin: 0.25em 0 0 0;
							font-size: 1.5em;
							font-weight: 700;
							color: #1b252a;
						}
				
					.box.post .info .stats
					{
						position: relative;
						z-index: 1;
					}
					
						.box.post .info .stats li
						{
							margin: 1.25em 0 0 0;
						}
						
						.box.post .info .stats li a
						{
							position: relative;
							display: block;
							text-align: right;
							padding: 0 0.5em 0 0.5em;
						}
						
							.box.post .info .stats li a:before
							{
								position: absolute;
								left: 0;
								top: 50%;
								margin-top: -0.5em;
								font-size: 16px;
								width: 1.5em;
								text-align: center;
								opacity: 0.35;
							}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
		
	#content
	{
		min-height: 623px;
		height: 923px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		body.left-sidebar #content
		{
			margin-left: 15em; /* = sidebar width + 7 */
		}
		
		body.right-sidebar #content
		{
			margin-right: 14em; /* = sidebar width */
			margin-left: 7em;
		}
		
		
		
		/*--------------------------------------------------------*/
		


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/


	body.is-loading * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}


	a {
		color: #c13030;
	}
	
	a:hover {
    	text-decoration: underline;
		color: #c13030;
		cursor: pointer;
	}

	strong, b 	{
		font-weight: 700;
		color: #404040;
	}

	h2,h3,h4,h5,h6 	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		color: #404040;
	}

	h2 a, h4 a, h5 a, h6 a 	{
		text-decoration: none;
		color: inherit;
	}
	
	blockquote {
		border-left: solid 5px #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	em, i {
		font-style: italic;
	}
	
	hr {
		border: 0;
		border-top: solid 1px #A7A7A7;
		padding: 1.5em 0 0 0;
		margin: 1.75em 0 0 0;
	}
	
	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear {
		clear: both;
	}
	
	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}
	
	/* Table */
	
	table {
		width: 100%;
		/*border: 1px solid #d5d5d5;*/
		/*background: #fff;*/

		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		border-bottom-left-radius:5px;
	
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;
	
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
		border-top-right-radius:5px;
	
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
		border-top-left-radius:5px;

	}
		
	table.default {}
		
	table.default tbody tr:nth-child(2n+2) {
		background: #fff;
	}
			
	table.default td {
		padding: 0.5em 1em 0.5em 1em;
	}
	
	table.default th {
		text-align: left;
		font-weight: 700;
		padding: 0.75em 1em 0.75em 1em;
	}
		
	table.default thead	{
		border-bottom: solid 1px #ddd;
	}
			
	table.default tfoot	{
		border-top: solid 1px #ddd;
		background: #eee;
	}
			
	table.default tbody {  }
		
	/* Section/Article */
	
	header {
		margin: 0 0 2em 0;
	}

	header > p {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 300;
		display: block;
		margin-top: 1em;
		color: #999;
	}

	section, article {
		margin-bottom: 1em;
	}
		

	
	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		cursor: pointer;
		background-color: #d6d6d6;			
		border-radius: 0.4em;
		text-align: center;		
		color: #000;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-decoration: none;		
	}

	input[type="button"]:disabled,
	input[type="submit"]:disabled,
	input[type="reset"]:disabled,
	input[type="button"].disabled,
	input[type="submit"].disabled,
	input[type="reset"].disabled,
	.button.disabled {
		opacity: 0.35;
		cursor: default;
	}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #c13030;
				color: #fff;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #c13030;
				color: #fff;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #c13030;
				color: #fff;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #c13030;
					color: #fff;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #c13030;
					color: #fff;
				}
				
/* Alerts */

.alert_info {
    display: block;
    margin-left: 65px;
	margin-right: 0px;
	width: 1225px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #B5E5EF url(../images/icn_alert_info.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #77BACE;
    color: #082B33;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.alert_warning {
    display: block;
   margin-left: 65px;
	margin-right: 0px;
	width: 1225px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F5F3BA url(../images/icn_alert_warning.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #C7A20D;
    color: #796616;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.alert_error {
    display: block;
    margin-left: 65px;
	margin-right: 0px;
	width: 1225px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9 url(../images/icn_alert_error.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

.alert_success {
    display: block;
    margin-left: 65px;
	margin-right: 0px;
	width: 1225px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5 url(../images/icn_alert_success.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

/* Contenido Principal*/

#main {
    width: 100%;
    min-height: 500px;
    background: url(../images/sidebar_shadow.png) repeat-y left top;
    float: left;
    margin-top: -2px;
}

#main h3 {
    color: #1F1F20;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    font-size: 13px;
    margin: 8px 20px;
}

#derecha {
	float: right;
}